<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<style type="text/css">
    *{
        padding: 0;
        margin: 0;
    }
    /* 头部 */
    .top {
        width: 100%;
        height: 71px;
        background-color: #0000ff04;
        border-bottom:1px solid #1b253b;
    }
    .logo{
        width: 120px;
        height: 71px;
        float: left;
        text-align: center;
        line-height: 80px;
        margin-left: 9vw;
    }
    .logo img,.info img{
        margin-top: 25px;
    }
    .top ul{
        list-style: none;
    }
    .top li:hover{
        background-color: #ffffff07;
        cursor: pointer;
    }
    .top a{
        text-decoration: none;
        color: white;
    }
    .page{
        float: left;
    }

    .page li,.user-info li{
        width: 80px;
        height: 71px;
        float: left;
        text-align: center;
        line-height: 71px;
        font-size: 14px;
    }

    .user-info li:first-child{
        margin-left: 17vw;
    }
    .info{
        width: 60px;
        height: 71px;
        float: left;
        text-align: center;
        line-height: 80px;
    }
    .user{
        width: auto;
        height: 71px;
        color: white;
        float: left;
        line-height: 71px;
    }
    .user img{
        border-radius: 50%;
    }
    .login_reg{
        width: 80px;
        height: 71px;
        line-height: 71px;
        margin-left: 45vw;
        float: left;
        font-size: 14px;
        text-align: center;
    }
    .login_reg:hover{
        background-color: #ffffff07;
        cursor: pointer;
    }

</style>
<body>
<div class="top">
    <div class="logo">
        <img src="/static/image/logo.png" />
    </div>
    <div class="page">
        <ul>
            <li><a href="${pageContext.request.contextPath }/index.jsp"  target="head">首页</a></li>
            <li><a href="/goods/market?dealType=1&pageNum=1" target="market">饰品市场</a></li>
            <li><a href="javascript:;" >游戏资讯</a></li>
            <li><a href="${pageContext.request.contextPath }/goods/showBox" target="show">武器箱</a></li>
        </ul>
    </div>
    <c:if test="${not empty sessionScope.userNow}">
        <div class="user-info">
            <ul>
                <li><a href="/user/inventory?pageNum=1" target="inventory">我的库存</a></li>
                <li><a href="/user/mysell?pageNum=1" target="sell">我的出售</a></li>
                <li><a href="/user/mybuy" target="buy">我的求购</a></li>
                <li><a href="javascript:;"><img src="/static/image/logo_csgo_black.png" align="center"/>&nbsp;CS:GO</a></li>
            </ul>
            <div class="info">
                <a href="/user/info" target="info"><img src="/static/image/nav_msg_norm.png" /></a>
            </div>
            <div class="user" id="user">
                <c:if test="${empty sessionScope.userNow.headPath}">
                    <img src="../static/image/defaultHead.png" width="32px" height="32px" align="center"/>
                </c:if>
                <c:if test="${not empty sessionScope.userNow.headPath}">
                    <img src="${sessionScope.userNow.headPath}" width="32px" height="32px" align="center"/>
                </c:if>
                <c:if test="${not empty sessionScope.userNow.username}">
                    <span><a href="${pageContext.request.contextPath }/user/center" target="user"> ${sessionScope.userNow.username}</a></span>
                </c:if>
                <c:if test="${empty sessionScope.userNow.username}">
                    <span><a href="${pageContext.request.contextPath }/user/center" target="user"> ${sessionScope.userNow.tellphone}</a></span>
                </c:if>
            </div>
        </div>
    </c:if>
    <c:if test="${empty sessionScope.userNow}">
        <div class="login_reg">
            <a href="${pageContext.request.contextPath }/user/gotoLogin">登陆/注册</a>
        </div>
    </c:if>


</div>
</body>
</html>
